new Vue({
    el:"#app",//接管整个页面区域
    data:{
        userList:[],
        user:{},
        ids:[]
    },
    methods:{
        //遍历操作:当加载页面时就执行此方法
        findAll(){
            alert("ok1");
            axios.get("/vueDemo/user/findAll.do").then(rep =>{//箭头函数
                //获取响应的数据
                this.userList=rep.data;
            }).catch((error)=> {
                alert("no"+error);
            });
        },
        //根据id删除操作
        deleteByIds(){
            //发送get请求
            axios.get("/vueDemo/user/deleteByIds.do?ids="+this.ids).then(rep=>{
                this.findAll();
            }).finally(rep=>{
                //清空ids原有的数据
                this.ids=[];
            });
        },
        //打开新增页面
        openSave(){
            this.user={};
           $("#myModal1").modal("show");
        },
        //实现新增功能
        save(){
           //发送post请求
            //axios.post("/vueDemo/user/save","userStr="+JSON.stringify(this.user)).then(rep=>{
            axios.post("/vueDemo/user/save.do",this.user).then(rep=>{
                this.findAll();
            });
        },
        //实现更新操作
        update(){
            axios.post("/vueDemo/user/update.do",this.user).then(rep=>{
                this.findAll();
            });
        },
        findById(id){
           axios.get("/vueDemo/user/findById.do?id="+id).then(rep=>{
               this.user=rep.data;
               $("#myModal").modal("show");
           })
        }
    },
    /*
    * 钩子函数：当页面加载时，指定默认执行的方法
    * */
    created(){
        this.findAll();
    }
});